<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
</head>
<body>
    <h1>用户登录</h1>
    用户名<input type="text" name="userName" id="userName"><br/>
    密码<input type="password" name="password" id="password"><br/>
    <input type="button" value="登录" onclick="login()">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <script>
        function login() {
            //使用ajax发送请求
            $.ajax({
                url:"/user/login",
                type:"post",
                data:{
                    userName:$("#userName").val(),
                    password:$("#password").val()
                },
                //HTTP 响应成功
                success:function(result) {
                    if(result) {
                        location.href = "/getUserName.html";
                    }else{
                        alert("用户名或密码错误");
                    }
                }
            });
        }
    </script>
</body>
</html>